<!--/*
* Copyright (c) 2025 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>位置信息</title>
</head>
<body>
    <p id="locationInfo">位置信息</p>
    <button onclick="getLocation()">获取位置</button>

    <script>
        let locationInfo = document.getElementById('locationInfo');
        function getLocation() {
            if (navigator.geolocation) {
                // 访问设备地理位置
                navigator.geolocation.getCurrentPosition(showPosition);
            }
        }
        function showPosition(position) {
            locationInfo.innerHTML = 'Latitude: ' + position.coords.latitude + '<br />Longitude: ' + position.coords.longitude;
        }
    </script>
</body>
</html>
